import React, {Component} from 'react';
import {NavLink} from 'react-router-dom';

class BottomBar extends Component {
  constructor (...args) {
    super(...args);
  }
  render () {
    return (
      <div className="bottom-bar">
        <NavLink className="bar-item" exact activeClassName="link-active" to="/">
          <span className="icon icon-index"></span>
          <span className="text">首页</span>
        </NavLink>
        <NavLink className="bar-item" activeClassName="link-active" to="/catalog">
          <span className="icon icon-cat"></span>
          <span className="text">分类</span>
        </NavLink>
        <NavLink className="bar-item" activeClassName="link-active" to="/shopcar">
          <span className="icon icon-shopcar"></span>
          <span className="text">购物车</span>
        </NavLink>
        <NavLink className="bar-item" activeClassName="link-active" to="/mine">
          <span className="icon icon-mine"></span>
          <span className="text">我的</span>
        </NavLink>
      </div>
    )
  }
}

export default BottomBar;
